<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test HTML Document</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 40px;
            color: #333;
        }
        h1 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        h2 {
            color: #34495e;
            margin-top: 30px;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin: 20px 0;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        .highlight {
            background-color: #fff3cd;
            padding: 10px;
            border-left: 4px solid #ffc107;
            margin: 20px 0;
        }
        code {
            background-color: #f8f9fa;
            padding: 2px 4px;
            border-radius: 4px;
            font-family: 'Courier New', monospace;
        }
    </style>
</head>
<body>
    <h1>Test HTML Document for Convert Tool</h1>
    
    <p>This is a <strong>test HTML file</strong> for testing the HTML to PDF conversion functionality. It contains various HTML elements to ensure proper conversion.</p>

    <h2>Text Formatting</h2>
    <p>This paragraph contains <strong>bold text</strong>, <em>italic text</em>, and <code>inline code</code>.</p>
    
    <div class="highlight">
        <p><strong>Important:</strong> This is a highlighted section that should be preserved in the PDF output.</p>
    </div>

    <h2>Lists</h2>
    <h3>Unordered List</h3>
    <ul>
        <li>First item</li>
        <li>Second item with <a href="https://example.com">a link</a></li>
        <li>Third item</li>
    </ul>

    <h3>Ordered List</h3>
    <ol>
        <li>Primary point</li>
        <li>Secondary point</li>
        <li>Tertiary point</li>
    </ol>

    <h2>Table</h2>
    <table>
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Data A</td>
                <td>Data B</td>
                <td>Data C</td>
            </tr>
            <tr>
                <td>Test 1</td>
                <td>Test 2</td>
                <td>Test 3</td>
            </tr>
            <tr>
                <td>Sample X</td>
                <td>Sample Y</td>
                <td>Sample Z</td>
            </tr>
        </tbody>
    </table>

    <h2>Code Block</h2>
    <pre><code>function testFunction() {
    console.log("This is a test function");
    return "Hello from HTML to PDF conversion";
}</code></pre>

    <h2>Final Notes</h2>
    <p>This HTML document should convert to a well-formatted PDF that preserves:</p>
    <ul>
        <li>Text formatting (bold, italic)</li>
        <li>Headings and hierarchy</li>
        <li>Tables with proper borders</li>
        <li>Lists (ordered and unordered)</li>
        <li>Code formatting</li>
        <li>Basic CSS styling</li>
    </ul>

    <p><small>Generated for Stirling PDF Convert Tool testing purposes.</small></p>
</body>
</html>